<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html">
    <h:head>
        <title>Facelet Title</title>
        <link href="styles/styles.css" type="text/css" rel="stylesheet"></link>
        <link href="resources/css/login_css.css" type="text/css" rel="stylesheet"></link>
        <script src="resources/scripts/login.js" type="text/javascript" language="javascript"></script>
    </h:head>
    <h:body>
        <div class="main_container">
            <div id="header">

                <div id="logo">
                    <a href="index.html"></a>
                </div>

                <div class="oferte_content">

                     <div class="top_bar">
                <div class="top_search">
                    <div class="search_text"><a href="#">Recherche avancé </a></div>
                    <input type="text" class="search_input" name="search" />
                    <input type="image" src="images/search.gif" class="search_bt"/>
                </div>

            </div>
                    
                    <div class="shopping_cart">
                        <div class="cart_title">Shopping cart</div>

                        <div class="cart_details">
                            <h:form id="panFormAff">
                            <h:outputText id="cartAff1" value="#{panierBean.countProd}" /> Produit(s)<br/>
                            <span class="border_cart"></span>
                            Total: <span class="price"><h:outputText id="cartAff2" value="#{panierBean.total}" />DH</span>                                
                            </h:form>
                        </div>

                        <div class="cart_icon">
                            <a href="panier.xhtml" title="details panier">
                                <img src="images/shoppingcart.png" width="48" height="48" border="0" />
                            </a>
                            
                        </div>
                     
                    </div>
               

                </div> <!-- end of oferte_content-->
            </div>
            
            
                        <div id="menu_tab">
                    <div class="left_menu_corner"></div>
                    <ul class="menu">
                        <li><a href="index.xhtml" class="nav1">  Home </a></li>
                        <li class="divider"></li>
                        <li><a href="index.xhtml" class="nav2">Products</a></li>
                        <li class="divider"></li>
                        <li><a href="#" class="nav3">Specials</a></li>
                        <li class="divider"></li>
                        <li><a href="#" class="nav4">My account</a></li>
                        <li class="divider"></li>
                        <li><a href="creecompte.xhtml" class="nav4">S'inscrire</a></li>
                        <li class="divider"></li>                         
                        <li><a href="#" class="nav5">Shipping </a></li>
                        <li class="divider"></li>
                        <li><a href="contact.xhtml" class="nav6">Contact Us</a></li>
                        <li class="divider"></li>

                    </ul>

                    <div class="right_menu_corner"></div>
                </div><!-- end of menu tab -->
        </div>
    </h:body>
</html>

